<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="../WEB-INF/includes/templates/generalTemplate.xhtml">
    <ui:define name="content">
        <style>

            .top-bar2{
                border: 1px solid #eeeeee;
            }
        </style>   
        <div align="center"  >
            <div id="main" style="min-height:700px;width:100%;height:auto;" >
                <br/>
                <br/>
                <br/>
                <br/>



                <section  id="services" class="services" >
                    <div class="row" data-view="services" >

                        <div class="row">
                            <div class="columns large-12 large-centered">
                                <section  class="headline">
                                    <h2 style="text-align:left;">

                                        #{messages['page.forgotPassword.tittle1']}
                                    </h2>
                                    <h5 class="subheader" style="text-align:left;">
                                        #{messages['page.forgotPassword.descrpcn1']}
                                    </h5>
                                </section>
                            </div>
                        </div>
                        <div class="row">
                            <div class="columns large-12 large-centered">
                                <h:form id="forgotpassword_form">

                                    <table style="width:700px;">
                                        <thead align="center" >
                                            <tr>
                                                <td colspan="2" >
                                                    #{labels['page.forgotPassword.formtitle']}
                                                </td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td style="width:45%">
                                                    <h:outputLabel for="usernameoremail" value="#{labels['page.forgotPassword.useroremail']}" />
                                                </td>
                                                <td style="text-align:left;">
                                                    <p:inputText id="usernameoremail" label="#{labels['page.forgotPassword.useroremail']}" 
                                                                 value="#{forgotPasswordBean.userNameOrEmail}" required="true" 
                                                                 title="#{labels['page.forgotPassword.useroremailexplain']}" />  
                                                </td>
                                            </tr>
                                            <tr>

                                                <td colspan="2" style="background:#FFFFFF;">
                                                    <p:messages id="msgs"/>  
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" style="text-align: center;">
                                                    <p:commandButton value="#{labels['page.general.send']}" 
                                                                     action="#{forgotPasswordBean.forgotPasswordOperation}" 
                                                                     id="loginsend" 
                                                                     ajax="false"
                                                                     style="font-family:'Open sans',sans-serif;font-size:18px;"
                                                                     ></p:commandButton>
                                                    <p:commandButton value="#{labels['page.general.exit']}" 
                                                                     id="loginclose" 
                                                                     action="index" 
                                                                     ajax="false"
                                                                     style="font-family:'Open sans',sans-serif;font-size:18px;"
                                                                     immediate="true"
                                                                     ></p:commandButton>
                                                </td>
                                            </tr>
                                        </tbody>


                                    </table>

                                </h:form>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </ui:define>
</ui:composition>